<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="format-detection" content="telephone=no" />
    <title>智慧团建系统首页</title>
    <link rel="icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE8" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta http-equiv="Expires" content="0">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache" content="no-cache">
	<meta http-equiv="kiben" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
	<!-- css -->
	<link rel="stylesheet" href="asset/outdatedbrowser/outdatedbrowser.min.css">
    <link rel="stylesheet" type="text/css"  href="asset/css/comm.css" />
	<link type="text/css" rel="stylesheet" charset="utf-8" href="asset/bootstrap/css/bootstrap.css">
	<link type="text/css" rel="stylesheet" charset="utf-8" href="asset/css/cys.css">
	<style type="text/css">
		@charset "UTF-8";

		.ng-cloak,
		.x-ng-cloak,
		.ng-hide {
			display: none !important;
		}

		ng:form {
			display: block;
		}

		.ng-animate-block-transitions {
			transition: 0s all !important;
			-webkit-transition: 0s all !important;
		}

		.ng-hide-add-active,
		.ng-hide-remove {
			display: block !important;
		}
	</style>
</head>
<body class="qm_bgcolor">
    <div id="header_wrap"></div>

    <div class="index-main">
    		<div class="mainBox">
        		<div class="inner_line" ng-controller="LoginCtrl as ctrl">
              	<ul class="one ">                       
               		<li class="index_Organ">
                       	<a href="javascript:;" class="box" ng-click="ctrl.checkLogin($event,1)">
                           	<img src="asset/images/home/QM_icon_b.png" /><br>
                           	<div class="clear"></div>
                           	<p>组织建设</p>
                           	<span>Organization</span>
                       	</a>
                   	</li>
                   	<li class="index_Marx" id="index_Marx">
                    	<a href="javascript:;" class="box" ng-click="ctrl.checkLogin($event,2)">
                         	<img src="asset/images/home/QM_icon_c.png" /><br>
                           	<div class="clear"></div>
                           	<p>青马工程</p>
                           	<span>Young Marx</span>
                       	</a>
                   	</li>
                   	<li class="index_Plan">
                  		<a href="javascript:;" class="box" ng-click="ctrl.checkLogin($event,3)">
                         	<img src="asset/images/home/QM_icon_a.png" /><br>
                           	<div class="clear"></div>
                           	<p>磐石计划</p>
                           	<span>Plan</span>
                      	</a>
                  	</li>
                   	<li class="index_Prac">
                      	<a href="javascript:;" class="box" ng-click="ctrl.checkLogin($event,4)">
                        	<img src="asset/images/home/QM_icon_d.png" /><br>
                           	<div class="clear"></div>
                          	<p>社会实践</p>
                           	<span>Practice</span>
                       	</a>
                   	</li> 
                    <!-- 登录前 -->
                    <li class="index_Login" ng-show="$user.type==-1">
                       	<a class="btn_login remove-underline" href="javascript:;" ng-click="ctrl.switchLogin()">登录</a>
                    </li>

                  	<!-- 登录后 学生-->
                   	<li class="ng-cloak index_info" ng-show="$user.type!=-1 && $user.teacher==0">
                    	<img src="asset/images/home/pic.png" class="mor" />
                      	<div>
                        	<ul>
	                           	<li><span class="red">{{$user.name}}</span> {{$user.grade}}级本科</li>
	                            <li><span class="grey">学号：</span>{{$user.uid}}</li>
	                            <li><span class="grey">院系：</span>{{$user.departmentName}}</li>
	                            <li><span class="grey">专业：</span>{{$user.majorname}}</li>
                          	</ul>
                       	</div>
					</li>
                   	<!-- 登录后 教师-->
                   	<li class="ng-cloak index_info" ng-show="$user.type!=-1 && $user.teacher==1">
						<img src="asset/images/home/pic.png" class="mor" />
                    	<div>
                           	<ul>
                            	<li><span class="red">{{$user.name}}</span></li>
                               	<li><span class="grey">工号：</span>{{$user.uid}}</li>
                               	<li><span class="grey">部门：</span>{{$user.departmentName}}</li>
                               	<li><span class="grey">职称：</span>{{$user.zc}}</li>
                           	</ul>
                       	</div>
                   	</li>
				</ul>
       		</div>
	        <div class="inner_line">
	            <div class="banner">
	                <div class="banner-left">
	                    <div class="new_banner">
	                        <ul class="rslides f426x240">
	                        		<li>
	                                <img src="asset/images/home/QM_banner_a.png" />
	                                <p>青年马克思主义者培养工程</p>
	                            </li>
	                            <li>
	                                <img src="asset/images/home/QM_banner_b.png" />
	                                <p>不忘初心 继续前进</p>
	                            </li>
	                            <li>
	                            		<img src="asset/images/home/QM_banner_c.png" />
	                            		<p>建党96周年</p>
	                            </li>
	                        </ul>
	                    </div>
	                </div>
	                <div class="banner-right" ng-controller="TzggListCtrl as ctrl" ng-init="ctrl.queryNew()">
	                  	<div class="tit">
	                      	<div class="tLeft">
	                      		<em class="nIocn"></em>
	                      		<span>通知公告</span>
	                      		<a target=_blank href="javascript:;" ng-click="ctrl.newslist()"><font color=#FFFFFF>>></font></a>
	                      	</div>      
	                  	</div>
	                  	<ul class="qm_notice">
	                		<li ng-repeat="item in ctrl.entities.content">
		                		<a target="_blank" href="javascript:;" ng-click="ctrl.preview(item)">
		                			<em></em>
		                			<p>
		                				{{item.bt}}
		                				<span><font size="0.8em" color="#999">{{item.xgsj|limitTo:5:5}}</font></span>
		                			</p>
		                		</a>
		                	</li>
	                 	</ul>
	           		</div>
	            </div>
	        </div>

	        <div class="inner_line">
	          	<div class="helfBox"  >
	              	<div class="ingIcon">
	                	<div class="innBOX">
	                		<span>活动 activity</span>
	                		<p>即将开始</p> 
	                	</div>
	              	</div>
	              	<ul>
	              		<li style="margin-left: 10px;">暂无活动</li>
	                 	<!-- <li><a href="#"><p>信息科学与工程学与青年志愿者中心<span>11-05</span></p></a></li>
	                   	<li><a href="#"><p>信息科学与工程学院社会实践与青年志愿者中心<span>11-05</span></p></a></li>
	                   	<li><a href="#"><p>信息科学与工程学院与青年志愿者中心<span>11-05</span></p></a></li>
	                   	<li><a href="#"><p>信息科学与工程学院社会实践与青年志愿者中心<span>11-05</span></p></a></li> -->
	              	</ul>
	          	</div>
	          	<div class="helfBox">
	              	<div class="downIcon">
	                	<div class="innBOX">
		                	<span>活动 activity</span> 
		                	<p>圆满结束</p>
	                	</div>
	              	</div>
	              	<ul>
	              		<li style="margin-left: 10px;">暂无活动</li>
	                  	<!-- <li><a href="#"><p>信息科学与工程学院社青年志愿者中心<span>11-05</span></p></a></li>
	                  	<li><a href="#"><p>信息科学与工程学院社会实践与青年志愿者中心<span>11-05</span></p></a></li>
	                  	<li><a href="#"><p>信息科学与工程学院社会与青年志愿者中心<span>11-05</span></p></a></li>
	                   	<li><a href="#"><p>信息科学与工程学院社会实践与青年志愿者中心<span>11-05</span></p></a></li> -->
	              	</ul>
	          	</div>
	        </div>

	     	<!-- 弹出层 start -->
	      	<div class="con hide" ng-controller="LoginCtrl as ctrl">
		        	<div class="mark"></div>
	        		<ul class="one layer">
	         		<li class="index_Marx" style="width: 50%">
	           			<a href="javascript:;" class="box" ng-click="ctrl.checkLogin1($event,2)">
	           				<img src="asset/images/home/QM_icon_c.png" /><br>
	             			<div class="clear"></div>
	             			<p>青马工程</p>
	             			<span>Young Marx</span>
	            			</a>
	            		</li>  
	            		<li class="index_Plan" style="width: 50%">
	               		<a href="javascript:;" class="box" ng-click="ctrl.checkLogin1($event,3)">
	                			<img src="asset/images/home/s.png" /><br>
	                 		<div class="clear"></div>
	                 		<p>打卡中心</p>
	                 		<span>Clock</span>
	                   	</a>
	             	</li>
	             	<li style="width: 40px"> <a class="close" href="#"></a></li>
	     		</ul>
		    </div>
	    		<!-- 弹出层 end -->
		</div>
  		<div class="clear"></div>
    </div>
	
	<div id="footer_wrap"></div>
 
 	<!-- js -->
    <script src="asset/outdatedbrowser/outdatedbrowser.js"></script>
    <script type="text/javascript" data-main="asset/main.js" src="asset/js/require.min.js"></script>
    <script type="text/javascript" src="asset/jquery/jquery.js"></script>
    <script type="text/javascript" src="asset/js/comm.js"></script>
    <script type="text/javascript" src="asset/js/banner.js"></script>
    <script type="text/javascript" src="asset/js/include.js"></script>
    <script type="text/javascript">
        $(window).resize(function(){
            var ht=$(".banner-right ul li img").height();
            var htt=$(".twobanner>img").height()+8;
            $(".index-zy").height(2*ht-htt);
            $(".index-more").height(ht);
        });


      	$(document).ready(function() {
	       	/* $("#index_Marx").click(function(e) {
	        	e.stopPropagation();
	        	$("div.con").removeClass("hide");
	        }); */

			$("div.close").click(function(e) {
	       		e.stopPropagation();
	        	$("div.con").addClass("hide");
	        });
	
	    	$(document).click(function() {
		        if (!$("div.con").hasClass("hide")) {
		            $("div.con").addClass("hide");
		        }
	    	});
		});
      	
      	function TzggListCtrl($injector,$scope, $element, $http,$state,CtrlUtil){
      		var ctrl = this;
      		this.queryNew = function () {
				ctrl.entities && (ctrl.entities.content = {})
				var p = CtrlUtil.getQueryParams(ctrl)
				p.fbzt = 1;
				p.pageSize = 5;
				$http.post(':root/tzgggl/list', p).success(function (r) {
					ctrl.entities = r;
				})
			}
      		
      		this.preview = function (item) {
				//$state.go('app.newsview',{id:item.id});//
				var url = 'newsview.html?id='+item.id;
				//location.href = url;
				window.open(url);
			}
      		
      		this.newslist = function (){
      			var url = 'newslist.html';
      			location.href = url;
      			//window.open(url);
      		}
      	}
    </script>   
</body>
</html>
